.owl-theme .owl-dots .owl-dot span{ width: 8px; height: 8px; margin: 0 5px; }

/*banner_pc*/
.banner_pc{ position: relative; z-index: 1; background: #000;}
.top{z-index:9999}
.shubiao{position: fixed; bottom:10px; left: 50%; margin-left:-12px; z-index: 300; animation: shubiao 1.3s linear infinite;}
@keyframes shubiao{

    0%{
        transform:translate(0,-10px);
        -webkit-transform:translate(0,-10px);
        -moz-transform:translate(0,-10px);
        -o-transform:translate(0,-10px);
        -ms-transform:translate(0,-10px);
        filter: Alpha(Opacity=0);
        opacity: 0;

    }
    100%{
        transform:translate(0,0px);
        -webkit-transform:translate(0,0px);
        -moz-transform:translate(0,0px);
        -o-transform:translate(0,0px);
        -ms-transform:translate(0,0px);
        filter: Alpha(Opacity=100); opacity: 1;
    }


}
/*wowslider-container*/
#wowslider-container { zoom: 1; position: fixed; width: 100%; height: 100%; z-index:200; }
#wowslider-container.fullscreen-mode,#wowslider-container.fullwidth-mode { max-width:none; max-height:none;}
#wowslider-container .ws_images ul{ position:relative;  width: 10000%; height:100%; left:0; border-spacing:0; overflow: visible; table-layout:fixed; }
#wowslider-container .ws_images ul li{ position: relative; width:1%; height:100%; line-height:0; /*opera*/ overflow: hidden; float:left; font-size:0; padding:0 0 0 0 !important; margin:0 0 0 0 !important; background-position: center center; background-size: cover; }
#wowslider-container .ws_images{ position: relative; left:0; top:0; width:100%; height:100%; overflow:hidden; }
#wowslider-container.fullscreen-mode .ws_images,#wowslider-container.fullwidth-mode .ws_images { max-height:none;}
/*#wowslider-container .ws_images a{ display:block; position: absolute; width:1920px; left:50%; margin-left: -960px; height: 100%; }
#wowslider-container.fullscreen-mode .ws_images a,#wowslider-container.fullwidth-mode .ws_images a { height:100%;}*/
#wowslider-container img{ display: block; max-width: none !important; position: absolute; width:1920px; height: 1080px; left:50%; top:50%; margin-left: -960px; margin-top: -540px; }
@media (max-width: 1440px) {
    #wowslider-container img{ width:1600px; height: 900px; margin-left: -800px; margin-top: -450px;}
}
@media (max-width: 1366px) {
    #wowslider-container img{ width:1366px; height: 768px; margin-left: -683px; margin-top: -384px;}
}
#wowslider-container .ws_images iframe { position: absolute; z-index: -1;}
.ws_bullets {position: absolute; left: 50%; margin-left: -147px; bottom: 0; z-index: 100; width: 293px; height: 93px; text-align: center; background-image: url(../images/bannerulbj_03.png); background-position: center bottom; background-repeat: no-repeat; }
.ws_bullets a{ display: inline-block; font-size: 0; width: .32rem;height: .32rem; border-radius: 50%; background: url(../images/bannerlibj.png) no-repeat center bottom;overflow: hidden; cursor: pointer; position: absolute;}
.ws_bullets a:hover,.ws_bullets a.ws_selbull{background-position: center top;}
.ws_bullets a:nth-child(1){ top:50px; left:24px; }
.ws_bullets a:nth-child(2){ top:10px; left:70px;}
.ws_bullets a:nth-child(3){ top:-7px; left: 132px;}
.ws_bullets a:nth-child(4){ top:10px; right:70px;}
.ws_bullets a:nth-child(5){ top:50px; right:24px;}
#wowslider-container a.ws_next, #wowslider-container a.ws_prev { position:absolute; color: #fff; top:50%; right:20px; height: 40px; width: 40px; background: url("../images/ico_17b.png") center center no-repeat; z-index:60; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: none; }
#wowslider-container a.ws_prev{ margin-top: -6em; background-image: url("../images/ico_17a.png");}
#wowslider-container a.ws_next:hover, #wowslider-container a.ws_prev:hover{ opacity: 0.90;}
.ws-title{ position:absolute; display:block; top: 50%; left: 0; margin-top: -0.8rem; z-index: 50; font-size: 5.5em; color: #FFF; text-shadow: 1px 1px 1px #333333; text-align: center; width: 100%;}
#wowslider-container .ws-title div,#wowslider-container .ws-title span{ display:inline-block; padding:10px; opacity:0.95; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);}
#wowslider-container .ws-title div{ display:block; color: #FFFFFF; text-shadow: 1px 1px 1px #000000; }
/*banner_phone*/
.banner_phone{ width: 100%; overflow: hidden; display: none;}
#banner_phone{ position: relative; z-index: 10;}
#banner_phone .owl-dots{ position: absolute; bottom: 10px; width: 100%; margin: 0; }
/** main begin**/
main{  overflow: hidden; position: relative; padding-top: 60px;}
.main_index{ padding: 0;}
/** M1 beigin   **/
.M1_canvas,.M2_canvas{ display: none;}
.M1{ background: #fff url("../images/jia_03.jpg") center top no-repeat; background-size: cover; padding: 0.7rem 0; position: relative; z-index: 10; overflow: hidden;}
.M1_canvas{ position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%;}
.M1_con{ position: relative; z-index: 10;}
.M1h1{text-align: center;font-size: .36rem;color: #006ccd; margin-bottom: 0.6rem; }
.M1h1 em{display: block;font-size: .18rem;color: #424242;padding-top: .1rem;} 
#M1list .item{ width: 100%; height: 5.2rem;overflow: hidden;text-align: center;position: relative;}
.M1list_pos{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#M1list .owl-item .M1listimg{ height: 100%;}
#M1list .owl-item .M1listimg img{ display: block; min-width: calc(100% + 20px); height: 100%;}
#M1list .item:hover .M1listimg img{ transform:translate(20px,0);-webkit-transform:translate(20px,0);-moz-transform:translate(20px,0);-o-transform:translate(20px,0); -ms-transform:translate(20px,0);}
.M1list_postop{display: inline-block;width: 2.16rem;height: 1.55rem;position: relative;margin-top: 1.03rem;}
.M1list_postop::before{content: "";width: 2.16rem;height: 1.55rem;position: absolute;top: 0;left: 0;background: url(../images/M1list_postop_b_04.png) no-repeat center;}
.M1list_postop::after{content: "";width: 2.16rem;height: 1.55rem;position: absolute;top: 0;left: 0;background: url(../images/M1list_postop_a_04.png) no-repeat center;}
.M1list_postoph1{color: #fff;font-size: .32rem;padding-bottom: .2rem;margin-bottom: .05rem;position: relative;}
.M1list_postoph1::before{content: "";width: .57rem;height: .03rem;position: absolute;bottom: 0;left: 50%;background: #8cc32e;margin-left: -.3rem;}
.M1list_postoph1::after{content: "";height: 1px;width: 100%;background: url(../images/h1bj_04.png) no-repeat center;position: absolute;bottom: 0;left: 0; filter: Alpha(Opacity=0); opacity: 0;}
.M1list_postopp1{color: #fff;font-size: .2rem;}
.M1list_postopbox{display: table;width: 2.16rem;height: 1.55rem;vertical-align: middle;}
.M1list_postopbox1{display: table-cell;width: 2.16rem;height: 1.55rem;vertical-align: middle;}
.M1list_poscen{display: inline-block;width: 2.68rem;line-height: .24rem;height: .72rem;overflow: hidden;font-size: .14rem;color: #fff;margin-top: .28rem;margin-bottom: .3rem;}
.M1list_posbtm{display: inline-block;font-size: .12rem;font-weight: bold;text-align: center;color: #fff;border: 1px #fff solid;width: 1.5rem;height: .4rem;line-height: .4rem;}
.M1list_pos::before{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/zhezhao_04.png); filter: Alpha(Opacity=0); opacity: 0;}
#M1list .item:hover .M1list_pos::before,#M1list .item:hover .M1list_postoph1::after{filter: Alpha(Opacity=100); opacity: 1;}
#M1list .item:hover .M1list_postoph1::before{filter: Alpha(Opacity=0); opacity: 0;}
/**   M2    beigin   **/
.M2{ background: #000; padding: 0.7rem 0; position: relative; z-index: 10;}
.M2_canvas{ position: absolute; top: 0;left: 0; height: 100%; width: 100%; z-index: 1; }
.M2_con{ position: relative; z-index: 10;}
.M2h1{text-align: center; margin-bottom: .3rem;}
.M2h1 img{display: inline-block;width: 6.49rem;height: .27rem;}
.M2h1 em{display: block;font-size: .26rem;color: #fff;padding-top: .2rem;margin-top: .2rem;background: url(../images/hzbj_14.jpg) no-repeat center top;}
/*cooper*/
.cooper{ position: relative;}
.cooper_bg{ filter: Alpha(Opacity=0); opacity:0;}
.cooper_list{ width: 100%; height: 100%; position: absolute; top:-30px; left:24px;}
.cooper_list li{ position: absolute; width: 170px; height: 170px; background: url(../images/logo_bg.png) center center no-repeat; background-size: cover; text-align: center;}
.cooper_list li.cooper_sel{ background-image:url("../images/logo_bg2.png");}
.cooper_list li img{ display:inline-block; max-width: 100%; width: auto; height: auto; max-height: 77px;}
.li_table{ display:table; width: 100%; height: 100%; vertical-align: middle; text-align: center; padding: 0 25%;}
.li_cell{ display:table-cell; vertical-align: middle;}
/*cooper_tab*/
.cooper_tab{ margin-top: 0.60rem; text-align: center; }
.cooper_tab li{display: inline-block; font-size: 16px;color: #fff; margin:0 .45rem; line-height: .32rem; cursor: pointer; background-repeat:no-repeat; background-position:left center; background-size: 0.32rem; padding-left: .42rem;}
.cooper_tab li.tab01{background-image: url(../images/indico1.png);}
.cooper_tab li.tab02{background-image: url(../images/indico2.png);}
.cooper_tab li.tab03{background-image: url(../images/indico3.png);}
.cooper_tab li.tab01_cur{background-image: url(../images/indico1_b.png);color: #006ccc;}
.cooper_tab li.tab02_cur{background-image: url(../images/indico2_b.png);color: #006ccc;}
.cooper_tab li.tab03_cur{background-image: url(../images/indico3_b.png);color: #006ccc;}

/*lead*/
.body_lead{ background-attachment: fixed;}
.lead_bg{ position: fixed; top:0; left:0; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover;}
.lead_warp{ padding-top: 10%;}
.lead_tit{ text-align: center; font-size: 0.42rem; color: #fff; margin-bottom: 4%;}
.lead_tit span{ display: block; font-size:0.32rem; margin-bottom:0.15rem;}
.lead_list{ max-width: 1100px; margin: 0 auto;}
.lead_list li{ float: left; width: 25%; padding:0.15rem;}
.lead_list li a{ display: block; margin: 0 auto; max-width: 2rem; background: rgba(255,255,255,.60); color: #007dec; text-align: center;}
.ico_box{ height: 1.20rem; position: relative;}
.lead_ico{ display: block; width: 0.55rem; height: 0.55rem; position: absolute; top:50%; left:50%; margin: -0.27rem 0 0 -0.27rem;}
.lead_ico img{ display: block; position: absolute; top:0; left:0;}
.lead_ico img.ico_color{ left:0;}
.lead_ico img.ico_white{ filter: Alpha(Opacity=0); opacity: 0; left:100%;}
.lead_name{ line-height:0.60rem; font-size: 0.20rem; font-weight: bold; border-top:1px solid rgba(0,125,236,1);; }
.lead_list li a:hover{ background: rgba(0,125,236,.80); color: #fff;}
.lead_list li a:hover .lead_ico img.ico_color{ filter: Alpha(Opacity=0); opacity: 0; left:-100%;}
.lead_list li a:hover .lead_ico img.ico_white{ filter: Alpha(Opacity=100); opacity: 1; left:0;}
.lead_list li a:hover .lead_name{ border-color: rgba(255,255,255,.60);}
/*banner_warp*/
.banner_warp{ overflow: hidden;}
.banner_warp,.banner_box{ width: 100%; height: 3.5rem; position: relative;}
.banner_box{ /*position: fixed;*/ background-position: center top; background-repeat: no-repeat; background-size: cover;}
.banner_box .container{ height: 100%; position: relative;}
.warp{ /*position: relative;*//* z-index: 10;*/ background:#fff; min-height: 500px;}
.warp:before{ content:""; position: absolute; top:0; left: 50%; z-index: -1; margin-left: 610px; width: 3.5rem; height: 1.8rem; background: url("../images/dec_01.png") no-repeat;}
.warp:after{ content:""; position: absolute; bottom:0; left: 50%; z-index: -1; margin-left: -960px; width: 5.1rem; height:2rem; background: url("../images/dec_02.png") no-repeat;}
.lan_tit{ position: absolute; top:50%; left:0; margin-top: -0.4rem; width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-size: 0.32rem;}
.lan_tit img{ max-width: 60%;}
.lan_tit em{ display: block; font-size: 0.28rem; font-family: arial, helvetica, sans-serif; margin-top: 0.15rem;}
.sub_top{ margin-bottom: 0.4rem; }
.top_box{ padding: 20px 0; border-bottom: 1px dashed #dcdcdc;}
.position{ font-size: 12px; float: left; background: url("../images/ico_03.png") left center no-repeat; padding-left: 15px; color: #666;}
.position a{ color: #666; padding: 0 5px;}
.position a:hover{ color: #007dec;}
.about_sec{ padding: 0.5rem 0; background-position: center top; background-repeat: no-repeat; background-size: cover;}
/*profiles*/
.profiles{ padding-top: 0;}
.about_tit{ font-size: 24px; font-weight: bold; color: #007dec; text-align: center; margin-bottom: 0.3rem;}
.profiles .about_tit{ text-align: left;}
.profiles_area{ width: 100%; overflow: hidden;}
.profiles_img{ width: 50%; padding-right: 20px; float: left; margin-top:0.5rem;}
.profiles_info{ overflow: hidden;}
.profiles .about_tit{ margin-bottom:0;}
.profiles_bot{ margin-top: 4%;}
.profiles_code{ display: block; width: 1.8rem; height: 1.8rem; float: left; margin-right: 0.2rem;}
.profiles_des{ overflow: hidden;}
.profiles_item{ font-size: 24px; line-height: normal; font-weight: bold; color: #007dec; margin-bottom: 15px;}
/*history*/
.history{ color: #fff; background-attachment: fixed;}
.history .about_tit{ color: #fff;}
.history_tab{ text-align: center; margin-bottom:40px;}
.history_tab li{ display: inline-block; vertical-align: middle; width: 16.3%; padding: 0 10px; line-height: 55px; cursor: pointer; }
.history_tab li span{ display: block; position: relative; background: #fff; color: #666;}
.history_tab li span:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 0; background: #92c32c;}
.history_tab li span em{ position: relative; z-index: 10;}
.history_tab li span:hover,.history_tab li.history_cur span{ color: #fff;}
.history_tab li span:hover:before,.history_tab li.history_cur span:before{ height: 100%;}
.history_area{}
.history_scr{ font-size: 14px; cursor: ew-resize;}
.history_scr .owl-stage-outer{ height: 360px; /*padding: 0 50px 0 90px;*/}
.history_scr .owl-stage,.history_scr .owl-item,.history_scr .item{ height: 100%;}
.history_scr .owl-stage-outer:before{ content:""; position: absolute; top:50%; left:0; margin-top:-2px; width: 100%; height: 5px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.history_block{ /*width: 300px;*/ height: 234px; position: relative; margin-top: 125px; /*margin-left: -40px;*/ padding-top: 84px;}
.year{ display: block; text-align: center; font-family: arial, helvetica, sans-serif; font-size: 20px; padding-bottom: 30px; background: url("../images/ico_14.png") center bottom no-repeat; position: absolute; top:0; left:0; width: 100%;}
.history_con{ width: 100%; height: 150px; border:2px solid #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative;}
.history_table{ width:100%; height:100%; display: table; text-align: center;}
.history_con:before{ content: ""; position: absolute; top:-14px; left:50%; margin-left: -13px; width:25px; height: 14px; background: url("../images/ico_15.png") no-repeat; font-size: 0;}
.history_cell{ display: table-cell; vertical-align: middle; padding: 30px;}
.history_des{ line-height: 24px; max-height: 72px; overflow: hidden;}
.block_dif{ margin-top: 0; padding-top: 0; padding-bottom: 84px;}
.block_dif .year{ padding-top: 30px; background: url("../images/ico_14.png") center top no-repeat; top:auto; bottom: -32px;}
.block_dif .history_con:before{ top:auto; bottom: -14px; background: url("../images/ico_15b.png");}


/*business*/
.business{  }
.business_list{ overflow: hidden; margin-top: 40px;}
.business_list li{ padding: 0; height: 3.48rem; overflow: hidden; position: relative;}
.business_list li a{ display: block;}
.business_img{ display: block; position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.business_info{ display: block; position: absolute; top:0; left:0; z-index: 10; width: 100%; height: 100%; background: rgba(0,113,215,0); color: #fff; padding: 0.6rem 0.4rem 0 0.4rem;}
.business_item{ font-size: 20px; font-weight: bold; padding-bottom: 20px; margin-bottom: 30px; position: relative;}
.business_item:before{ content: ""; position: absolute; bottom: 0; left:0; width: 0; height: 2px; background: #fff;}
.business_des{ line-height: 28px; max-height:112px; overflow: hidden; position: relative; top:30px; filter: Alpha(Opacity=0); opacity: 0; }
.business_list li:hover a .business_info{ background: rgba(0,113,215,.80);}
.business_list li:hover a .business_item:before{ width: 42px;}
.business_list li:hover a .business_des{ top:0; filter: Alpha(Opacity=100); opacity: 1;}
/*honor*/
.honor{ padding: 0; height: 670px; position: relative;}
.honor .about_tit{ text-align: left;}
.honor_box{ position: absolute; top:0; left:0; width: 100%; height: 100%;}
.honor_area1,.honor_area2,.honor_area3,.honor_area4{ height: 100%; position: absolute; top:0; left:0; }
.honor_area2 a,.honor_area3 a,.honor_area4 a{ color: #fff;}
.honor_area1{ width: 40%; background: rgba(255,255,255,.88); border-right: 2px solid #fff; padding: 5% 20px 0 10%;}
.honor_table{ display: table; width: 100%; height: 100%; overflow: hidden; text-align: center; vertical-align: middle;}
.honor_cell{ display: table-cell; vertical-align: middle;}
.honor_area1 .honor_table{ text-align: left;}
.honor_area1 .honor_cell{ vertical-align: top;}
.aptitude_list{ max-height: 520px; overflow: hidden;}
.aptitude_list li{ font-size: 14px; line-height: 20px; background: url("../images/ico_04.png") left 6px no-repeat; background-size: 9px; padding-left: 22px; margin-bottom: 10px;}
.honor_area2{ width: 32%; height: 50%; border-bottom: 2px solid #fff; left:40%;}
.honor_tit{ font-size: 24px; font-weight: bold; line-height: 60px;}
.honor_tit span{ display: inline-block; padding: 0 35px; position: relative; }
.honor_tit span:before,.honor_tit span:after{ content: ""; position: absolute; top:0; left:0; width: 15px; height: 60px; background: url("../images/ico_05a.png") no-repeat; background-size: contain;}
.honor_tit span:after{ left:auto; right: 0; background-image: url("../images/ico_05b.png");}
.honor_area3{ width: 32%; height: 50%; top:50%; left:40%;}
.honor_area4{ width: 28%; border-left: 2px solid #fff; left:72%; }
.honor_hide{ position: absolute; top:0; left:0; width: 100%; height: 100%; padding: 30px 20px; background: rgba(255,255,255,.88); filter: Alpha(Opacity=0); opacity:0; display: table;}
.honor_area2:hover .honor_hide,.honor_area3:hover .honor_hide,.honor_area4:hover .honor_hide{ filter: Alpha(Opacity=100); opacity:1;}
.hide_list{ display: table-cell; vertical-align: middle;}
.hide_list li{ color: #333; text-align: left;}

/*team*/
.team{ padding-bottom: 0;}
.team_box{ height: 620px;}
.team_box .container{ position: relative; height: 100%;}
.team_item1,.team_item2,.team_item3{ position: absolute; top:0; left:0; background-size: cover; background-position: center center; background-repeat: no-repeat; color: #fff; }
.team_item1{ width: 48%; height: 50%; padding: 50px 6%;}
.team_item2{ width: 48%; height: 50%; top:50%; padding: 50px 6%; color: #333;}
.team_item3{ width: 52%; height: 100%; left:48%; background: #3295ec; padding: 100px 6% 0;}
.team_caption{ font-weight: bold; font-size: 20px; margin-bottom: 20px; position: relative;}
.team_des{ position: relative;}
.t_item3_bg{ position: absolute; top:0; right: 0; width: 100%; height: 100%; background: url("../images/team_03.png") right top no-repeat;}
/*plan*/
.plan{ padding-bottom: 5%;}
.plan_tit{ font-size: 20px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #dcdcdc; margin: 0.4rem 0;}
.plan_tit a{ color: #0072d7;}
.plan_list{ margin: -20px;}
.plan_list li{ font-size: 14px; color: #666; padding: 20px;}
.plan_caption,.plan_des{ max-width: 480px;}
.plan_caption{ font-weight: bold; margin-bottom: 10px;}
.plan_caption a{ background: url("../images/ico_04.png") -20px center no-repeat;}
.plan_des{ line-height: 26px; height: 78px; overflow:hidden;}
.plan_list li:hover .plan_caption a{ background-position: left center;  padding-left: 20px; color: #007dec;}
/*contact*/
.contact{ overflow: hidden; padding-bottom: 4%;}
.contact_top{ padding: 20px 0; background: #fcfcfc; border: 1px solid #dcdcdc; margin-bottom: 0.4rem;}
.c_t_left,.c_t_right,.c_t_center{ display: table; height: 143px; text-align: center;}
.left_cell{ display: table-cell; vertical-align: middle;}
.c_t_center{ border-left: 1px dashed #dcdcdc; border-right: 1px dashed #dcdcdc; font-size: 18px; font-weight: bold;}
.center_cell{ display: table-cell; vertical-align: middle; text-align: left; padding-left: 20%;}
.c_t_right img{ border: 1px solid #dcdcdc;}
/*ChinaMap*/
.contact_platform{ /*position: relative;*/}
#ChinaMap{ position:relative; }
#tiplayer{padding-right:5px;padding-left:5px;z-index:1000;min-height:1em;background:#000;max-width:250px;padding-bottom:5px;font:12px 'Microsoft YaHei',Arial,宋体,Tahoma,Sans-Serif;color:#fff;padding-top:5px;position:absolute;text-align:left;word-wrap:break-word;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#ToolTip{ position: absolute; top:0; left:0; font-size: 14px;}
#topList div{ width: 16.66%; line-height: 0.55rem; background: #e5e5e5; border-right: 2px solid #fff; text-align: center; float: left;}
#topList div.tab_cur{ background-color: #00a0ea; color: #fff;}
.city_info{ padding: 0.3rem; background: #e5f5fd; border-top: 1px solid #fff;}
.contact_item{ text-align: left; font-weight: bold; color: #00a0ea; font-size: 18px; margin-bottom: 20px;}
/*message*/
.message{ width: 425px; height: 530px; background-color: #f9f9f9; border:1px solid #dcdcdc; padding: 40px 30px 30px 0; /*position: absolute; top:0; right: 0;*/ float: right;}
.message_line{ margin-bottom: 14px;}
.message_line label{ font-weight: normal; display: block; float: left; width: 120px; text-align: right; margin-right: 20px;}
.line_r{ overflow: hidden;}
.message_txt{ width: 100%; height: 35px; padding: 5px 0 5px 14px; font-size: 14px; background: #fff; border:1px solid #dcdcdc;}
.message_yu{ height: 95px; resize: none;}
.message_btn{ width: 175px; height: 40px; font-size: 16px; background-color: #00a0ea; border:2px solid #00a0ea; color: #fff; font-weight: bold; margin-top: 10px;}
.message_txt:focus{ border-color: #00a0ea;}
.message_btn:hover{ background-color: #fff; color: #00a0ea;}
.china-map{float: left;}

.mapTipListp1{font-size: 13px;color: #0d6fb8;padding: 14px 6px;}
.mapTipText{text-align: center;width: 205px;border-radius: 5px;height: 140px;display: table;vertical-align:middle;/*background: url("../images/dqbj_03.png") no-repeat;*/ border-radius: 10px;overflow: hidden;background:rgba(255,255,255,0.9);box-shadow: 0px 0px 3px #aaa;}
.mapTipList{height: 100%;display: table-cell;vertical-align:middle;}

/*article_plan*/
.article_plan{}
.plan_step{ padding: 5% 0;}
.step_tab{ margin-bottom: 40px; }
.step_tab li{ width: 25%; line-height:0.55rem; height:0.55rem; overflow: hidden; text-align: center; float: left; border-left: 2px solid #fff;}
.step_tab li a{ display: block; background-color: #e5e5e5;}
.step_tab li.step_cur a{ background-color: #007dec; color: #fff;}
.step_area{ min-height: 200px;}
.step_dis{ min-height: 0; height: 0; overflow: hidden; filter: Alpha(Opacity=0); opacity: 0;}
.step_img{ width: 50%; text-align: center; float: right; padding-left: 3%;}
.step_img img{ width: auto; max-height: 300px;}
.step_des{ overflow: hidden; padding-top:4%;}
/*===========related===========*/
.related{ position: relative; padding: 5% 0; overflow: hidden;}
.related:before{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #f5f5f5;}
.r_apply{ position: relative; z-index: 10;}
.related_tit{  font-weight: bold; font-size: 20px; margin-bottom:0.3rem;}
#apply_scr{ padding: 0 40px;}
#apply_scr .item a{ display: block;}
.apply_img{ /*max-width:2.44rem; max-height: 3.66rem;*/ overflow:hidden; position:relative; background-color: #007dec; margin: 0 auto;}
.apply_name{ padding: 0.15rem 0; font-size: 0.18rem; text-align: center;}
#apply_scr .owl-nav div,#pro_scr .owl-nav div,#customers_scr .owl-nav div{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; filter: Alpha(Opacity=100); opacity: 1; padding: 0; font-size: 0; position: absolute; top:50%; left:0; margin-top: -20px; width: 40px; height: 40px; background: url("../images/ico_06a.png") left center no-repeat;}
#apply_scr .owl-nav div{ margin-top: -40px;}
#apply_scr .owl-nav div.owl-next,#pro_scr .owl-nav div.owl-next,#customers_scr .owl-nav div.owl-next{ left: auto; right: 0; background-position: right center; background-image: url("../images/ico_07a.png");}
#apply_scr .owl-nav div:hover,#pro_scr .owl-nav div:hover,#customers_scr .owl-nav div:hover{ background-image: url("../images/ico_06b.png");}
#apply_scr .owl-nav div.owl-next:hover,#pro_scr .owl-nav div.owl-next:hover,#customers_scr .owl-nav div.owl-next:hover{ background-image: url("../images/ico_07b.png");}
/*effect-layla*/
figure.effect-layla { width: 100%; height: 100%;}
figure.effect-layla img { min-width: 100%; height: 100%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1);
    transform: scale(1);
}
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
    position: absolute;
    content: '';
    opacity: 0;
}
figure.effect-layla figcaption::before {
    top: 20px;
    right: 10px;
    bottom: 20px;
    left: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
figure.effect-layla figcaption::after {
    top: 10px;
    right: 20px;
    bottom: 10px;
    left: 20px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after{
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-layla:hover img {
    opacity: 0.95;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
}
figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
figure.effect-layla:hover figcaption::after,figure.effect-layla:hover img{
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

/*r_pro*/
.r_pro{ position: relative; z-index: 10;}
#pro_scr{ padding: 0 40px;}
#pro_scr .item a{ display: table; text-align: center; font-size: 14px; border: 1px solid #dcdcdc; width: 100%; height: 130px; padding: 15px;}
.pro_cell{ display: table-cell; vertical-align: middle;}
.pro_more{ display: block; margin-top: 5px;}
.pro_more em{ display: inline-block; position: relative; color: #007dec; background: url("../images/ico_08.png") right center no-repeat; padding-right: 28px;}
.pro_more em:before{ content: ""; width: 18px; height: 18px; position: absolute; top:50%; right: 0; margin-top: -9px; background: url("../images/ico_08b.png") -30px center no-repeat;}
#pro_scr .item a:hover{ background-color: #007dec; color: #fff;}
#pro_scr .item a:hover .pro_more em{ color: #fff;}
/*industry*/
.industry{ overflow: hidden;}
.nav_height{ width: 100%; position: relative;}
.nav_wrap{ width:100%; top:0;}
.nav_wrap.navFix { position: fixed; top: 60px; left: 0; border-bottom: 1px solid #dcdcdc; z-index: 2000; }
.industry_guide{ background-color: #0072d7; font-size: 18px;}
.industry_guide .nav_wrap{ background-color: #0072d7;}
.industry_tab{}
.industry_tab .item a{ display: block; line-height: 68px; height: 68px; overflow: hidden; text-align: center; color: #fff;}
.industry_tab .item a span{ display: inline-block; background: url("../images/ico_09.png") left center no-repeat; background-size: 0.19rem; padding-left: 0.30rem;}
.industry_tab .item a:hover,.industry_tab .item a.active{ background-color: #8dc32f;}
.industry_tab .item a:hover span,.industry_tab .item a.active span{ background-image: url("../images/ico_10.png");}
#industry_tab2 .item a span{ background-position: -30px center; background-image: url("../images/ico_10.png"); }
#industry_tab2 .item a:hover span,#industry_tab2 .item a.industry_cur span{ background-position: left center;}
.industry_area{ position: relative; padding: 6% 0 4%;}
.industry_area:before{ content: ""; position: absolute; top:0; left:-50%; z-index: 0; width: 200%; height: 100%; background: #fff;}
.industry_odd:before{ background-color: #f1f1f1;}
.industry_tit{ width: 140px; float: left; position: relative; line-height: 1.4; font-size: 24px;}
.industry_tit a{ font-weight: bold; color: #007dec;}
.industry_tit a span{ display: block; max-width: 48px;}
.area_r{ position: relative; z-index: 10; overflow: hidden;}
.industry_list{ margin: -5px -10px;}
.industry_list li{ width: 25%; float: left; padding: 5px 10px;}
/*customers*/
.customers{ padding: 4% 0; background: #f1f1f1;}
.customers_area{ width: 100%; height: 98px; margin-bottom: 0.20rem;}
.customers_area a{  display: block; width: 100%; height: 100%; padding: 8px; text-align: center; background: #fff; border: 1px solid #dcdcdc;}
.customers_area a img{ margin: 0 auto; width: auto; max-height: 100%;}
#customers_scr{}
#customers_scr .owl-nav div,#customers_scr .owl-nav div.owl-next{ position: inherit; margin: 0 5px; background-position: center center; background-color: #fff; border-radius: 50%;}
.customers_area a:hover{ /*border-color: #007dec;*/ box-shadow: 0 10px 20px -2px #bcbcbc;}

/*customers_show*/
.customers_show{ margin: -.10rem;}
.customers_show li{ padding: .10rem;}
.customers_show li a{ display: block; height:.98rem; padding:.08rem; text-align: center; background: #fff; border: 1px solid #dcdcdc;}
.customers_show li a img{ margin: 0 auto; width: auto; max-height: 100%;}
.customers_show li a:hover{ border-color: #007dec;}

/*industry_end*/
.industry_end{ padding-bottom: 5%;}
.industry_item{ margin-top: 4%;}
.industry_caption{ font-weight: bold; font-size: 18px; margin-bottom: 0.3rem;}
.problem_list{ margin:-10px -20px;}
.problem_list li{ padding:10px 20px; color: #666;}
.problem_ico{ display: block; margin: 0 auto; width: 0.76rem; height: 0.76rem; margin-bottom: -0.38rem; background: #fff; overflow: hidden; position: relative; z-index: 10; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #dcdcdc;}
.problem_ico img{ display: block; width: 0.40rem; height: 0.40rem; position: absolute; top:50%; left:50%; margin: -0.2rem 0 0 -0.2rem;}
.problem_ico img.ico_p2{ left:100%; filter: Alpha(Opacity=0); opacity: 0;}
.problem_info{ height: 330px; background: url("../images/industry_01.jpg") center center no-repeat; background-size: cover;}
.info_block{ height: 100%; padding: 60px 32px 20px; background-color: #f2f2f2; position: relative;}
.info_block:before,.info_block:after{ content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 4px; background: #92c32c;}
.info_block:after{ width: 0; filter: Alpha(Opacity=0); opacity: 0; background-color: #007dec;}
.problem_des{ font-size: 14px; line-height: 24px; max-height: 240px; overflow: hidden;}
.problem_list li:hover .info_block{ background: transparent; color: #fff;}
.problem_list li:hover .info_block:after{ width: 100%; filter: Alpha(Opacity=100); opacity: 1;}
.problem_list li:hover .problem_ico{ border-color: #007dec;}
.problem_list li:hover .problem_ico img.ico_p1{ left:-100%; filter: Alpha(Opacity=0); opacity: 0;}
.problem_list li:hover .problem_ico img.ico_p2{ left:50%; filter: Alpha(Opacity=100); opacity: 1;}
.manage_list li{ line-height: 24px; background: url("../images/ico_04.png") left 10px no-repeat; padding-left: 24px; margin-bottom:5px; }
.typical{ background-color: #fff;}
.data_load{ display: block; margin-top: 15px;}
.data_load em{ display: inline-block; width: 107px; line-height: 33px; color: #fff; background: #007dec;}
#pro_scr .item a:hover .data_load em{ background-color: #92c32c;}
/*technical*/
.technical{ padding-bottom: 5%; overflow: hidden;}
.technical_list{ padding-bottom: 5%; border-bottom: 1px dashed #dcdcdc; margin-bottom: 4%;}
.technical_list li{ padding: 15px 0; overflow: hidden; position: relative;}
.technical_list li:before{ content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; border-bottom: 1px solid #fff;}
.technical_img,.technical_info{ display: block; float: left; width: 50%; position: relative; z-index: 1;}
.technical_img{ text-align: center;}
.technical_info{ padding-top: 4%; padding-left: 5%;}
.technical_list li.technical_even .technical_img{ float: right;}
.technical_list li.technical_even .technical_info{ padding-left: 0; padding-right: 5%;}
.technical_list li:hover:before{ border-color: #ddd;}
/*t_data*/
.t_data{}
.data_tab{ margin-bottom: 30px;}
.data_tab li { float: left; margin-right: 2px;}
.data_tab li a{ display: block; text-align: center; width: 240px; line-height: 55px; font-size: 16px; text-transform: uppercase; background: #e5e5e5;}
.data_tab li.data_cur a{ background-color: #007dec; color: #fff;}
.data_warp{ }
.data_box{}
.data_area{ padding:0.4rem; background: #f9f9f9;}
.data_sort,.load_erji,.sort_box, .data_con{ height: 265px; background: #fff; border: 1px solid #dcdcdc;}
.data_sort,.load_erji{ width: 280px; overflow: hidden; margin-right: 30px; float: left; padding: 20px 17px 20px 12px;}
.data_sort li a{ display: block; padding: 8px 30px 8px 10px; line-height: 24px; font-size: 14px; color: #666; position: relative;}
.data_sort li a:before{ content: ""; position: absolute; top:50%; right: 10px; margin-top: -10px; width: 20px; height: 20px; background: url("../images/ico_10.png") -50px center no-repeat;}
.data_sort li:hover a{ color: #007dec;}
.data_sort li.sort_cur a{ background-color: #007dec; color: #fff;}
.data_sort li.sort_cur a:before{ background-position: center center;}
.sort_box,.data_con{ overflow: hidden;}
.sort_block{ height: 100%; overflow: hidden;}
.sort_list{ height: 100%; padding: 30px 0;}
.sort_list li a{ display: block; font-size: 14px; line-height: 24px; color: #666; padding: 3px 4%;}
.sort_list li.sort_cur a{ background-color: #007dec; color: #fff;}
.sort_dis{  display: none;}
.load_erji{ padding: 0;}
.load_erji .data_sort{ width: 100%; height: 100%; margin: 0; background: none; float: none; border: none;}
.sort_box .data_con{ height: 100%; background: none; border: none;}
.data_handle{ margin-top: 30px; text-align: right;}
.handle_apply{ display: inline-block; padding: 0 25px; font-size: 16px; color: #fff; background: #00a0ea; line-height: 40px;}
.handle_apply:hover{ background-color: #007dec; color: #fff;}
/*product*/
.product{ overflow: hidden;}
.pro_nav{ margin-bottom: 40px;}
.pro_nav .nav_wrap { background: #fff; padding: 10px 0;}
.pro_tab{ margin: 0 -16px;}
.pro_tab li{ width:14.285%; line-height: 50px; text-align: center; padding: 0 16px; font-size: 40px; float: left; }
.pro_tab li a{ display: block; font-family: arial, helvetica, sans-serif; color: #fff; background: #00a0e9;}
.pro_tab li a.active{ background-color: #92c32c; color: #fff;}
.pro_block{ background: #00a0e9; position: relative; margin-bottom: 20px;}
.pro_tit{ position: absolute; top:0; left:0; text-align: center; height: 100%; color: #fff; font-weight: bold; font-size: 28px; width: 26%; padding:0 20px;}
.pro_table{ display: table; width: 100%; height: 100%;}
.pro_table span{ display: table-cell; vertical-align: middle;}
.block_r{ overflow: hidden; background: #fff; border: 1px solid #dcdcdc; position: relative; left:26%; width: 74%; padding: 3% 5%;}
.pro_list{ margin: 0 -10px;}
.pro_list li{ width: 33.33%; padding:10px; line-height: 26px; float: left;}
.pro_list li a{ display: block; height: 26px; overflow: hidden; color: #666; background: url("../images/ico_12a.png") left center no-repeat; background-size: 0.21rem; padding-left: 0.3rem;}
.pro_list li a:hover{ color: #007dec; background-image: url("../images/ico_12b.png"); }
.pro_list li.block_more a,.pro_list li.block_more a:hover{ padding: 0; width: 68px; height: 26px; margin: 0 auto; font-size: 12px; font-weight: bold; color: #fff; text-align: center; background: #00a0e9;}
.pro_list li.block_more a span{ display: inline-block; background: url("../images/ico_13.png") right center no-repeat; padding-right: 14px;}
/*end_list*/
.end_list{ padding: 0; margin: 0; border: none;}
.end_list li{ font-size: 14px; color: #666;}
.pro_caption{ font-weight: bold; font-size: 24px; color: #007dec; margin-bottom:0.15rem; position: relative;}
.pro_caption:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -1px; width: 10px; height: 2px; background-color: transparent;}
.order{ padding: 5% 0; position: relative;}
.order:before{ content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: #f5f5f5;}
.order_img,.order_info{ width: 50%; float: left; position: relative; z-index: 10;}
.order_img{ padding-right: 5%;}
.order_info{ padding-top: 3%;}
.order_tit{ font-weight: bold; font-size: 24px; color: #3c546c; margin-bottom: 0.15rem;}
table.table_order{ width: 100%; border:1px solid #dcdcdc;}
table.table_order thead th{ text-align: center; line-height: 50px; font-size:18px; background: #3c546c; color: #fff;}
table.table_order tbody tr td{ background: #fff; padding: 8px 16px; font-size: 14px; color: #3c546c;}
table.table_order tbody tr td a{ font-size: 16px; color: #3c546c;}
table.table_order tbody tr:hover td{ background-color: #f9f9f9;}
.technical_list li:hover .pro_caption{ padding-left: 20px;}
.technical_list li:hover .pro_caption:before{ background-color: #007dec;}

/*=================partner==============*/
.partner{ overflow: hidden;}
.partner_tit{ font-weight: bold; text-align: center; color: #005bac; font-size: 30px; margin-bottom: 30px;  }
/*idea*/
.idea{ margin-top: 0.5rem; color: #fff; position: relative;}
.idea:before{ content: ""; position: absolute; top:0; left:-50%; width: 200%; height: 100%; background: #007dec url("../images/partner_03.png") 20% bottom no-repeat;}
.idea_info,.idea_img{ width: 50%; float: left; position: relative; z-index: 10;}
.idea_info{ padding-top: 0.8rem;}
.idea_img{ height: 320px;}
.img_box{ width: 85%; height: 100%; float: right; background-repeat: no-repeat; background-size: cover;}
.partner_item{ font-weight: bold; font-size: 20px; color: #007dec; text-transform: uppercase; position: relative; padding-bottom: 15px; margin-bottom: 20px;}
.partner_item:before{ content: ""; position: absolute; bottom: 0; left:0; width: 35px; height: 2px; background: #007dec;}
.partner_item em{ display: block; font-size: 50px; font-weight: normal; color: #cacaca; font-family: Myriad Pro;}
.idea .partner_item{ color: #fff;}
.idea .partner_item:before{  background-color: #fff;}
/*advantages*/
.advantages{ padding: 0.5rem 0;}
.advantages_img{ float: left; text-align: center; padding-right: 20px;}
.advantages_info{ overflow: hidden; padding-top: 5%;}
/*strategy*/
.strategy{ position:relative; background: #fbfbfb; padding: 92px 0 0;}
.strategy:before{ content: ""; position: absolute; top:0; left:50%; margin-left: -960px; width: 1920px; height: 285px; background: url("../images/partner_07.jpg") center center no-repeat;}
.aim{ width: 375px; height: 570px; margin-right: 40px; overflow: hidden; float: left; position: relative;}
.aim_img{ position: absolute; top:0; left:0; width: 100%; height: 100%;}
.aim_img img{ display: block; width: 100%; height: 100%;}
.aim_info{ position: absolute; bottom: 0; left:0; z-index: 10; width: 100%; height: 380px; padding: 0.5rem; background: rgba(0,114,215,.80); font-size: 14px; color: #fff;}
.aim_tit{ font-weight: bold; font-size: 18px; margin-bottom: 15px;}
.aim_logo{ text-align: center; margin-bottom:0.4rem;}
.aim_des{ max-height: 138px; overflow: hidden;}
.strategy_r{ overflow: hidden; padding-top: 5%; position: relative; z-index: 10;}
.strategy_caption{ height: 76px; overflow: hidden;}
#strategy_scr{ margin: 0.5rem -25px 0;}
#strategy_scr .item{ padding: 0 0.2rem; overflow: hidden; border-left: 1px solid #d2d2d2; text-align: center; font-size: 14px; color: #666;}
#strategy_scr .owl-item:nth-child(1) .item{ border: none;}
.strategy_ico,.strategy_ico:before{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.strategy_ico{ display: block; width: 106px; height: 106px; margin: 0 auto 20px; position: relative; background: #fff; }
.strategy_ico:before{ content: ""; position: absolute; top:50%; left:50%; width: 0; height: 0; background: #92c32c;}
.strategy_ico img{ display: block; width: 80px; height: 80px; position: absolute; top:50%; left:50%; z-index: 10; margin: -40px 0 0 -40px;}
.strategy_ico img.s_ico_h{ filter: Alpha(Opacity=0); opacity: 0;}
.strategy_item{ font-size: 18px; color: #000; margin-bottom: 10px;}
#strategy_scr .item:hover .strategy_ico:before{ top:0; left:0; width: 100%; height: 100%;}
#strategy_scr .item:hover .strategy_ico img.s_ico_i{ filter: Alpha(Opacity=0); opacity: 0;}
#strategy_scr .item:hover .strategy_ico img.s_ico_h{ filter: Alpha(Opacity=100); opacity: 1;}
#strategy_scr .item:hover .strategy_item{ color: #92c32c;}
#strategy_scr .owl-controls{ margin-top: 30px;}
/*policy*/
.policy{ padding: 0.5rem 0;}
.condition{ margin-bottom: 20px;}
.policy_caption{ font-weight: bold; font-size: 18px; margin-bottom: 20px;}
#condition_scr{}
#condition_scr .item{ text-align: center; font-size: 14px; color: #666; padding-bottom: 20px;}
.condition_img{ overflow: hidden; margin-bottom: 20px;}
.condition_img img{ width: 100%; height: 100%;}
.support{}
.support_item{ position: relative; margin-bottom: 30px;}
.support_item:before{ content: ""; position: absolute; top:50%; left:0; width: 100%; height: 1px; border: 1px dashed #dcdcdc;}
.support_item span{ position: relative; z-index: 10; display: inline-block; width: 185px; line-height: 34px; font-weight: bold; color: #666; text-align: center; background: #d3d3d3; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
/*#condition_scr .item:hover{ box-shadow: 0 0 20px -3px #ddd;}*/
/*flow*/
.flow{ padding: 0.5rem 0; color: #fff; position: relative; background-position: center top; background-repeat: no-repeat; background-attachment: fixed;}
.flow .partner_item{ color: #fff;}
.flow .partner_item:before{  background-color: #fff;}
#flow_scr{ margin-top: 5%;}
#flow_scr .owl-stage-outer{ background: url("../images/flow_04.png") center bottom no-repeat;}
#flow_scr .owl-item { float: none; display: inline-block; vertical-align: bottom; }
#flow_scr .item{ }
.flow_des{ position: relative; padding-bottom: 70px;}
.flow_des:before{ content: ""; position: absolute; bottom: 0; left:50%; margin-left: -4px; width: 8px; height: 100%; background: url("../images/flow_02.png") center 62px no-repeat;}
.flow_des span{ display: inline-block; line-height: 52px; height: 52px; overflow: hidden; padding:0 20px; border:1px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
#flow_scr .owl-item:nth-child(1) .item .flow_des{ margin-top: 20px;}
#flow_scr .owl-item:nth-child(2) .item .flow_des{ padding-bottom: 90px;}
#flow_scr .owl-item:nth-child(3) .item .flow_des{ margin-top: 40px; padding-bottom: 50px;}
#flow_scr .owl-item:nth-child(4) .item .flow_des{ padding-bottom: 90px;}
#flow_scr .owl-item:nth-child(5) .item .flow_des{ margin-top: 30px; padding-bottom: 60px;}
#flow_scr .owl-controls{ margin-top: 10px;}

/*拍摄服务流程开始*/
.process-box{  width: 100%; padding: 40px 0;}
.process-box ul{ width: 100%; height: 440px; padding-top: 40px; }
.process-box ul li,.process-box ul li .kuang,.process-box ul li .text2 .mengban{ width: 185px; height: 185px;}
.process-box ul li .text1,.process-box ul li .text1 .bg,.process-box ul li .text2{ width: 265px; height: 265px;}
.process-box ul li{ float: left; cursor: pointer; position: relative; }
.process-box ul li .kuang{ position: absolute; border:1px solid #ddd; margin-top: 42px; margin-left: 42px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.process-box ul li .kuang1{ top: 0; left: 0; z-index: 1; }
.process-box ul li .kuang2{ left: 5px; top: 0; z-index: 2; border-color: #fff; }
.process-box ul li .text1{  text-align:center;z-index: 3; position: absolute; left: 7px; top:2px;}
.process-box ul li .text1 .bg{ background-repeat: no-repeat; background-position: center center; }
.process-box ul li .text2{ z-index: 4; position: absolute; left: 5px; top:0; filter: Alpha(Opacity=0); opacity: 0; text-align: center; display: table; }
.process-box ul li .text2 .mengban{ border:1px solid #533b26; background: #007dec; margin-top: 42px; margin-left: 42px; position: absolute;  z-index: 1;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.process-box ul li .text2 .desc{position: relative; z-index: 10; display: table-cell; vertical-align: middle; color:#fff; font-size: 14px;}
.process-box ul li{ margin-right: 100px; margin-top: -40px; }
.process-box ul li:hover .text2{ filter: Alpha(Opacity=100); opacity: 1;}
.process-box ul li:nth-child(1){ margin-left: 143px;}
.logo_phone{ display: none;}

/*lead_partner*/
.lead_partner{ padding-top: 10%;}
.l_p_tit{ font-weight: bold; font-size: 0.52rem; line-height: 1.4; color: #00004b; margin-bottom: 30px;}
.l_p_tit span{ display: block; font-size: 0.38rem; color: #005bac;}
.l_p_nav{}
.l_p_nav li{ width: 200px; line-height:55px; font-size: 20px; float: left; margin-right: 0.20rem; text-align: center; font-weight: bold;}
.l_p_nav li a{ display: block; color: #007dec; position: relative;}
.l_p_nav li a:before,.l_p_nav li a:after{ content: ""; width: 100%; height: 100%; position: absolute;}
.l_p_nav li a:before{ border-left:1px solid #007dec; border-top:1px solid #007dec; top:0; left:0;}
.l_p_nav li a:after{ border-right:1px solid #007dec; border-bottom:1px solid #007dec; bottom:0; right:0;}
.l_p_nav li a em{ display: inline-block; vertical-align: middle; width: 0.32rem; height:0.32rem; background: url("../images/partner_ico01.png") no-repeat; background-size: 0.32rem; margin-right: 0.10rem;}
.l_p_nav li:nth-child(2) a em{ background-image: url("../images/partner_ico02.png");}
.l_p_nav li:hover a{ color: #fff; border-color: transparent; background: url("../images/partner_02.jpg") no-repeat;}
.l_p_nav li:hover a:before,.l_p_nav li:hover a:after{ width: 0; height: 0; border-width: 0;}
.l_p_nav li:hover a em{ background-position: left bottom;}
/*=========news========*/
.lead_news{ padding:0; text-align: center; /*width: 100%; position: absolute; top:50%; left:0; margin-top: -20px;*/ padding-top: 14%;}
.lead_news .l_p_tit{ font-size: 0.48rem; margin-bottom: 0.5rem;}
.lead_news .l_p_nav li{ float: none; display: inline-block; margin: 0 0.20rem;}
.lead_news .l_p_nav li a{ background-color: #92c32c; color: #fff;}
.lead_news .l_p_nav li a:before, .lead_news .l_p_nav li a:after{ border-color: #92c32c;}
.lead_news .l_p_nav li:nth-child(1) a em{ background-image: url("../images/news_ico1.png");}
.lead_news .l_p_nav li:nth-child(2) a em{ background-image: url("../images/news_ico2.png");}
.news{ overflow: hidden;}
.news_tab{}
.news_tab li{ float: left; margin-right: 0.50rem;}
.news_tab li a{ display: block; line-height: 24px; padding-bottom: 13px; position: relative;}
.news_tab li a:before{ content:""; position: absolute; bottom: 0; left:0; width: 0; height: 3px; background: #fff;}
.news_tab li a em{ display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 10px; background: url("../images/news_ico3.png") right top no-repeat;}
.news_tab li:nth-child(2) a em{background-image: url("../images/news_ico4.png");}
.news_tab li:hover a,.news_tab li.news_cur a{ color: #92c32c;}
.news_tab li:hover a em,.news_tab li.news_cur a em{ background-position: left top;}
.news_tab li:hover a:before,.news_tab li.news_cur a:before{ width: 100%; background-color: #92c32c;}
/*news_box*/
.news_box{}
.news_list{}
.news_list li{ position: relative; padding: 0.5rem 0; border-bottom: 1px solid #dddddd;}
.news_list li:before{ content: ""; position: absolute; top: 0; left:-50%; width: 200%; height: 100%; background: #fff;}
.news_date{ position: relative; z-index: 10; display: block; float: left; width: 100px; height: 140px; margin-right: 0.3rem; text-align: center; color: #666; font-family: arial, helvetica, sans-serif;}
.news_date b{ display: block; line-height: 95px; border: 1px solid #dcdcdc; border-bottom: none; font-size:42px; font-weight: bold;}
.news_date em{ display: block; line-height: 45px; font-size: 14px; background: #e7e7e7;}
.news_info{ position: relative; z-index: 10; overflow: hidden; font-size: 14px;}
.news_tit{ font-size: 24px; padding-bottom: 0.15rem; margin-bottom:0.15rem; position: relative;}
.news_tit:before,.news_tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 44px; height: 2px; background: #ddd;}
.news_tit:after{ width:0; background-color: #00a0ea;}
.news_tit span{ display: inline-block; height: 26px; line-height: 26px; overflow: hidden;}
.news_des{ color: #999; line-height: 26px; max-height: 52px; overflow: hidden; text-overflow: ellipsis;}
.news_more{ display: inline-block; margin-top: 15px;}
.news_list li:hover:before{ background-color: #f5f5f5;}
.news_list li:hover a,.news_list li:hover .news_date{ color: #00a0ea;}
.news_list li:hover .news_tit:after{ width: 44px;}
.news_list li:hover .news_date em{ background-color: #00a0ea; color: #fff;}
/*page*/
.page{ text-align: center; margin: 0.4rem 0;}
.page a{ display: inline-block; vertical-align: middle; font-size: 16px; line-height: 28px; color: #b2b2b2; margin: 0 10px;}
.page a.page_btn{ width: 28px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border:1px solid #dcdcdc; color: #b2b2b2; font-weight: bold; font-family: "宋体";}
.page a:hover,.page a.page_cur{ color: #00a0ea; text-decoration: underline;}
.page a.page_btn:hover{ background-color: #00a0ea; border-color: #00a0ea; color: #fff; text-decoration: none;}
/*article*/
.article{ color: #666; font-size: 15px; padding-bottom: 0.5rem;}
.article_top{ padding-bottom: 20px; border-bottom: 1px solid #dcdcdc;}
.article_shared{ float: right; margin-left: 0.3rem; color: #666; font-size: 14px;}
.article_shared .bshare-custom.icon-medium{ display: inline-block; vertical-align: middle; margin-left: 10px;}
.article_tit{ overflow: hidden; font-size: 24px; line-height: 1.2; color: #000; position: relative; padding-left: 10px;}
.article_tit:before{ content: ""; position: absolute; top:0; left:0; width: 2px; height: 24px; background: #007dec; }
.article_info{ margin-top: 5px; font-size: 12px; color: #999; margin-bottom: 0.5rem;}
.back_list{ float: right; color: #007dec;}
.back_list:hover{ text-decoration: underline;}
.article_more{ font-size: 14px; margin-top: 20px;}
.article_more a,.article_more em{ color: #007dec;}
/*.article,.article ul,.article li,.article ol,.article dl,.article dt,.article dd{ list-style: inherit; list-style: initial; list-style-type: disc;}*/
/*result*/
.result{ overflow: hidden;}
.result_tit{ font-weight: bold; color:#007dec;  font-size: 20px; margin-bottom: 0.3rem;}
.result_tit em{ font-family: arial, helvetica, sans-serif; color: #666; margin-left: 5px;}
.result_tip{ font-weight: bold; margin-bottom: 0.3rem;}
.result_list{}
.result_list li{}
.result_list li a{ display: block; padding: 0.2rem 0; color: #666; border-bottom: 1px solid #dcdcdc;}
.result_list li a p{ background: url("../images/ico_04.png") -30px 8px no-repeat;}
.keyword,.result_list li a .keyword{ color: #007dec;}
.result_list li a:hover p{ background-position: left 8px ; padding-left: 20px;}
.result_list li a:hover{ border-color: #007dec;}
/*demo_warp*/
.demo_warp{ position: fixed; top:0; left:0; width: 100%; height: 100%; z-index: 1000000; background: rgba(0,0,0,.70); display: none;}
.demo_box{ background: #fff; width: 800px; height:446px; overflow-y: auto; position: absolute; top:50%; left:50%; margin:-222px 0 0 -400px; padding: 30px 6% 0 0;}
.demo_form{ width: auto; height: auto;}
.demo_form .message_line label{ font-size: 14px;}
.demo_tit{ font-size: 20px; text-transform: uppercase; text-align: center; margin-bottom: 30px;}
.demo_closed{ cursor: pointer; display: block; width: 32px; height: 32px; position: absolute; top:30px; right: 30px; background: url("../images/ico_16.png") no-repeat; font-size: 0;}
.demo_closed:hover{ background-position: right 0;}
.demo_btn{ display: block; margin-left: auto; margin-right: auto;}
.demo_box .message_line{ margin-bottom: 10px;}

/*3/14加 lilu*/
.hardware{}
.hardware .step_tab li{ width: 20%;}
/* hardware_scr*/
#hardware_scr{ width: 100%; max-width: 780px; height:3.20rem; position: relative; margin: 0.5rem auto;}
.roundabout-holder,.roundabout-moveable-item{ width:5.20rem; height:3.20rem;}
.roundabout-holder{ margin:0 auto;}
.roundabout-moveable-item{ font-size:12px!important;cursor:pointer; background: #000; }
.roundabout-moveable-item img{ height:100%; width:100%; filter: Alpha(Opacity=50); opacity:0.5;}
.roundabout-in-focus img{ filter: Alpha(Opacity=100); opacity:1;}
.roundabout li{margin:0}
.hardware_txt{ width: 100%; font-size:14px; color: #0072d7; line-height:20px; text-align:center; margin-top:10px; display:none;}
.roundabout-in-focus .hardware_txt{ display:none;}
.ban_r_btn,.ban_l_btn{ cursor: pointer; font-size: 0; display: block; width: 36px; height: 36px; position: absolute; top:50%; left:-70px; margin-top: -18px; background: url("../images/join_arrow1a.png") center center no-repeat;}
.ban_r_btn{ left: auto; right: -70px; background-image: url("../images/join_arrow2a.png");}
.ban_l_btn:hover{background-image: url("../images/join_arrow1b.png");}
.ban_r_btn:hover{background-image: url("../images/join_arrow2b.png");}

/*join*/
.join{ overflow: hidden;}
.join_welcome{ position: absolute; bottom: 0.3rem; right: 15px;}
.join_tab{}
.join_tab li{ font-size:20px;}
.join_tab li a em{ width: 28px; height: 28px; background-image: url("../images/join_ico01.png");}
.join_tab li:nth-child(2) a em { background-image: url("../images/join_ico02.png");}
.career{ padding: 0.4rem 0;}
.career img{ display: block; width: 40%; float: left; margin-right: 4%;}
.career_info{ text-align: justify; font-size: 14px; color: #666;}
.career_tit{ font-weight: normal; font-size: 0.32rem; color: #90c31f; margin: 0.2rem 0;}
.society{}
.society .career_tit{ text-align: center;}
.society_box{ height: 580px; background: url("../images/join_04.jpg") center bottom no-repeat;}
.society_box .container{ position: relative; height: 100%;}
.society_list{ position: absolute; left:0; bottom: 50px; width: 100%; height: 310px; /*background: url("../images/join_05.png") center top no-repeat;*/}
.society_list li{ width: 110px; float: left; position: relative; visibility: hidden;}
.society_list li a{ display: block;}
.society_info{ position: absolute; top:-250px; left:50%; margin-left:-69px; filter: Alpha(Opacity=0); opacity:0; width: 138px; height: 176px; padding: 20px 0 0; background: url("../images/join_06.png") no-repeat; text-align: center; color: #fff;}
.society_num{ display: block;}
.society_num em{ font-size: 34px; line-height: normal;}
.society_name{ display: block; font-size: 18px; margin-bottom: 20px;}
.society_more{ display: block; padding-bottom: 15px; background: url("../images/join_07.png") center bottom no-repeat; font-size: 14px;}
.society_list li.post_01{ margin: 67px 0 0 17px;}
.society_list li.post_02{ margin: 0 0 0 58px;}
.society_list li.post_03{ margin: 88px 0 0 -20px;}
.society_list li.post_04{ margin: 2px 0 0 16px;}
.society_list li.post_05{ margin: 98px 0 0 23px;}
.society_list li.post_06{ margin: 8px 0 0 10px;}
.society_list li.post_07{ margin: 100px 0 0 10px;}
.society_list li.post_08{ margin: 7px 0 0 4px;}
.society_list li.post_09{ margin: 48px 0 0 56px;}
.society_list li:hover .society_info{ top:-220px; filter: Alpha(Opacity=100); opacity:1;}
.society_list li.post_02 .society_info,.society_list li.post_05 .society_info{ margin-left: -92px;}
/*post*/
.post{ padding: 0.4rem; text-align: justify; font-size: 14px; line-height:1.7; color: #666;}
.post_name{ font-weight: bold; font-size: 26px; color: #000; position: relative; padding-left: 10px; margin-bottom: 0.4rem;}
.post_name:before{ content: ""; position: absolute; top:0; left:0; width: 3px; height: 26px; background: #8cc32e;}
.post_caption{ font-size: 16px; color: #000;}
.post_handle{ margin-top: 0.4rem;}
.post_btn{ display: inline-block; vertical-align: middle; width: 195px; line-height: 50px; text-align: center; color: #fff; background-color: #8cc32e; font-size:16px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.post_btn:before,.post_btn:after{ content: ""; width: 0; height: 0; position: absolute; top:0; left:0; border-left: 2px solid #8cc32e; border-top: 2px solid #8cc32e; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.post_btn:after{ top:auto; left:auto; bottom: 0; right: 0; border: none; border-right: 2px solid #8cc32e; border-bottom: 2px solid #8cc32e;}
.post_btn span{ position: relative; z-index: 10; display: inline-block; padding-left:32px;}
.post_btn span:before{ content: ""; width:22px; height: 22px; position: absolute; top:50%; left:0; margin-top: -11px; background-position: right top; background-repeat: no-repeat; background-size:44px;}
.post_btn:hover{ background-color: transparent; color: #8cc32e;}
.post_btn:hover:before,.post_btn:hover:after{ width: 100%; height:100%;}
.post_btn:hover span:before{ background-position: left top;}
.post_load,.post_apply{  margin-right: 16px; }
.post_load span:before{ background-image: url("../images/join_ico03.png");}
.post_apply span:before{ background-image: url("../images/join_ico04.png");}
.post_about span:before{ background-image: url("../images/join_ico09.png");}
.post_page { margin:0.4rem -15px 0; border-top: 1px solid #bfbfbf; padding: 10px 0; }
.post_page li{ font-size: 14px; width: 100%; margin-bottom: 10px;}
.post_page li a:hover{ color: #8cc32e; text-decoration: underline;}
a.back_post { display: block; float: right; width: 80px; line-height: 36px; text-align: center; border: 2px solid #8cc32e; color: #8cc32e; font-size: 13px; display: none; }
a.back_post:hover{ background-color: #8cc32e; color: #fff;}
/*school*/
.school{ padding: 0.4rem 0;}
.school_links{ width: 1.90rem; float: right; margin-left: 6%;}
.school_links li{ margin-bottom: 10px; position: relative;}
.school_info{ overflow: hidden; text-align: justify; font-size: 14px; line-height: 1.8; color: #666;}
.post_weixin{ background: url("../images/join_img03.jpg") left top no-repeat;}
.post_weixin span:before{ background-image: url("../images/join_ico10.png");}
.post_weixin:before,.post_weixin:after{ display: none; }
.post_weixin:hover,.post_weixin:focus{ color:#fff;}
.post_weixin:hover span:before{ background-position: right top;}
.code_bg,.code_box{ display: none;}
.code_bg{ position: fixed; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.65); z-index: 6000;}
.code_box{ position: absolute; left: -1.75rem; top:0; z-index: 7000;}
.code_box:before{ content: ""; position: absolute; top:18px; right: -8px; width: 8px; height: 10px; background: url("../images/join_08.png") no-repeat;}
.code_img{ padding: 5px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: -0.40rem;}
.code_img img{ width: 1.40rem; height: 1.40rem;}
.code_closed{ cursor: pointer; font-size: 0; position: absolute; top:-0.44rem; right:-0.54rem; width:0.34rem; height: 0.34rem; background: url("../images/join_closed01.png") no-repeat; background-size: contain;}
.code_closed:hover{ background-image: url("../images/join_closed01b.png");}

.aligncenter { display: block; margin: 0 auto; text-align:center;}


@media (min-width: 768px) {
    .M1_canvas,.M2_canvas{ display: block;}
}

@media (min-width: 1200px) {
    .industry_list{ margin-left: -15px; margin-right: -15px;}
    .industry_list li{ padding-left: 15px; padding-right: 15px;}
    /*about*/
    .history_tab li{ font-size: 18px;}
    /*partner*/
    #strategy_scr .owl-controls{ display: none;}
    /*join*/
    .post{ padding: 0.6rem;}
    .join_welcome{ right: 0;}
}

@media (min-width: 1360px) {
	.cooper_list li.c_li01{ top:0; left:0;}
	.cooper_list li.c_li02{ width: 160px; height: 160px; top: 4px; left: 167px; }
	.cooper_list li.c_li03{ width: 160px; height: 160px; top: 22px; left: 327px; }
	.cooper_list li.c_li04{ top: 58px; left: 485px; }
	.cooper_list li.c_li05{ top: 16px; left: 655px; }
	.cooper_list li.c_li06{ width: 150px; height: 150px; top: 15px; left: 842px;}
	.cooper_list li.c_li07{ width: 150px; height: 150px; top: 8px; left:993px;}
	.cooper_list li.c_li08{ width: 90px; height: 90px; top: 145px; left:-35px;}
	.cooper_list li.c_li09{ width: 120px; height: 120px; top: 142px; left:102px;}
	.cooper_list li.c_li10{ width: 150px; height: 150px; top: 110px; left:247px;}
	.cooper_list li.c_li11{ width: 120px; height: 120px; top: 188px; left:397px;}
	.cooper_list li.c_li12{ width: 150px; height: 150px; top: 172px; left:612px;}
	.cooper_list li.c_li13{ width: 130px; height: 130px; top: 127px; left:768px;}
	.cooper_list li.c_li14{ width: 126px; height: 126px; top: 130px; left:936px;}
	.cooper_list li.c_li15{ width: 140px; height: 140px; top: 198px; left:-6px;}
	.cooper_list li.c_li16{ width: 130px; height: 130px; top: 210px; left:180px;}
	.cooper_list li.c_li17{ width: 150px; height: 150px; top: 250px; left:268px;}
	.cooper_list li.c_li18{ top: 248px; left:482px;}
	.cooper_list li.c_li19{ width: 150px; height: 150px; top: 252px; left:734px;}
	.cooper_list li.c_li20{ width: 126px; height: 126px; top: 194px; left:860px;}
	.cooper_list li.c_li21{ width: 90px; height: 90px; top: 190px; left:1042px;}
	.cooper_list li.c_li22{ width: 90px; height: 90px; top: 358px; left:10px;}
	.cooper_list li.c_li23{ width: 90px; height: 90px; top: 300px; left:116px;}
	.cooper_list li.c_li24{ width: 90px; height: 90px; top: 366px; left:188px;}
	.cooper_list li.c_li25{ top: 338px; left:365px;}
	.cooper_list li.c_li26{ top: 324px; left:617px;}
	.cooper_list li.c_li27{ width: 130px; height: 130px; top: 250px; left:947px;}
	.cooper_list li.c_li28{ width: 130px; height: 130px; top: 262px; left:1062px;}
	.cooper_list li.c_li29{ width: 120px; height: 120px; top: 328px; left:872px;}
	.cooper_list li.c_li30{ width: 150px; height: 150px; top: 400px; left:235px;}
	.cooper_list li.c_li31{ top: 452px; left:490px;}
	.cooper_list li.c_li32{ width: 126px; height: 126px; top: 412px; left:803px;}
	.cooper_list li.c_li33{ width: 126px; height: 126px; top: 378px; left:1058px;}
	.cooper_list li.c_li34{ width: 36px; height: 36px; top: 310px; left: -26px; }
	.cooper_list li.c_li35{ width: 60px; height: 60px; top: 487px; left: 127px; }
	.cooper_list li.c_li36{ width: 36px; height: 36px; top: 133px; left: 1138px; }
	.cooper_list li.c_li37{ width: 36px; height: 36px; top: 482px; left: 1010px; }
}

@media (max-width: 1359px) {
	.cooper_bg{ display:none;}
	.cooper_list{ position: inherit; position: initial;}
	.cooper_list li{ position: inherit; position: initial; width: 14.285%; height: 120px; float: left; background: rgba(255,255,255,.80); border-top: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc;}
	.cooper_list li.cooper_sel { background: rgba(255,255,255,1);}
	.cooper_list li.c_li34,.cooper_list li.c_li35,.cooper_list li.c_li36,.cooper_list li.c_li37{ display:none;}
}


@media (max-width: 1279px) {
    /*banner*/
    .banner_pc{ display: none;}
    .banner_phone{display: block;}
}

@media (max-width: 1199px) {
    /*partner*/
    .process-box ul li,.process-box ul li .kuang,.process-box ul li .text2 .mengban{ width: 155px; height: 155px;}
    .process-box ul li .text1,.process-box ul li .text1 .bg,.process-box ul li .text2{ width:225px; height: 225px;}
    .process-box ul li:nth-child(1) { margin-left: 118px; }
    .process-box ul li{ margin-right: 80px; margin-top: -35px;}
    /*industry*/
    .industry_tit{ width: 100%; float: none; margin-bottom: 20px;}
    .industry_tit a span{ max-width: none;}
    /*contact*/
    #ChinaMap{ text-align: center;}
    .message{ position: inherit; margin-top: 0.3rem; width: 100%; height: 100%;}
    .message .message_line{ width: 50%; float: left;}
    /*join*/
    .society_list li.post_01,.society_list li.post_02,.society_list li.post_03,.society_list li.post_04,.society_list li.post_05,.society_list li.post_06,.society_list li.post_07,.society_list li.post_08,.society_list li.post_09{ margin-left:0;}
    .society_list li.post_03{ margin-left: -20px;}
    .society_list li:hover .society_info{ top:-200px;}
}

@media (max-width: 991px) {
	/*index*/
	.cooper_list li{ height:90px;}
	.li_table{ padding:0 20%;}
    /*pro*/
    .pro_tit{ font-size: 20px;}
    .block_r{ padding: 3%;}
    .pro_list li{ font-size: 14px;}
    .pro_tab li{ font-size: 24px;}
    /*plan*/
    .plan_list{ margin: 0;}
    .plan_list li{ padding: 0.2rem 0;}
    .plan_caption, .plan_des{ max-width:none;}
    .plan_des{ height: auto; max-height: 78px;}
    /*about*/
    .profiles_info{ overflow: visible;}
    .honor,.history{ display: none;}
    .business{ background-color: #f5f5f5; padding-bottom: 0;}
    .c_t_right{ display: none;}
    .c_t_center{ border-right: none;}
    .center_cell{ padding: 0;}
    /*==partner==*/
    .partner_item em{ font-size: 0.4rem;}
    .advantages_img{ width: 50%;}
    .advantages_info{ overflow: visible;}
    /*strategy*/
    .strategy{ margin: 0 -15px; padding-top: 52px; padding-bottom: 0.5rem;}
    .strategy:before{ height: 145px;}
    .aim{ width: 100%; height: 370px; float: none;}
    .aim_info{ height: 280px;}
    .strategy_caption{ height: auto;}
    .strategy_r{ padding-right: 15px; padding-left: 15px;}
    #strategy_scr{ margin-left: 0; margin-right: 0;}
    .strategy_ico{ width: 76px; height: 76px;}
    .strategy_ico img{ width: 50px; height: 50px; margin: -25px 0 0 -25px;}
    /*process-box*/
    .process-box ul li,.process-box ul li .kuang,.process-box ul li .text2 .mengban{ width: 110px; height: 110px;}
    .process-box ul li .text1,.process-box ul li .text1 .bg,.process-box ul li .text2{ width:185px; height:185px;}
    .process-box ul li:nth-child(1) { margin-left: 90px; }
    .process-box ul li{ margin-right: 70px; margin-top: -20px;}
    .process-box ul li .text1 .bg{ background-size: 90px;}
    /*demo*/
    .demo_box{ width: 600px; margin-left: -300px;}
    /*hardware*/
    #hardware_scr{height:2.33rem;}
    .roundabout-holder,.roundabout-moveable-item{ width:3.80rem; height:2.33rem;}
    .ban_r_btn{ right:0;}
    .ban_l_btn{ left:0;}
    /*join*/
    .society_list li.post_01,.society_list li.post_02,.society_list li.post_03,.society_list li.post_04,.society_list li.post_05,.society_list li.post_06,.society_list li.post_07,.society_list li.post_08,.society_list li.post_09{ width: 85px;}
    .society_box{ height: 480px;}
    .society_list{ bottom: 0;}
    .society_info{ width:108px; height: 138px; margin-left: -54px; background-size: contain; top:-200px;}
    .society_list li.post_02 .society_info, .society_list li.post_05 .society_info { margin-left: -72px; }
    .society_list li:hover .society_info{ top:-160px;}
    .society_num em{ font-size: 24px;}
    .society_name{ font-size: 14px; margin-bottom: 10px;}
    .society_more{ padding-bottom: 10px;}
}

@media (max-width: 767px) {
	/*index*/
	.M1{ background-color:#f5f5f5;}
	.M2{ background:url(../images/jia_02.jpg) center center no-repeat; background-size: cover;}
	.cooper_list li{ width: 20%; height:60px;} 
	.cooper_list li img{ max-height:47px;}
	.cooper_tab li{ font-size:14px; margin: 0 0.1rem;}
    .banner_phone{ margin-top:60px;}
    /*pro*/
    .nav_height{ display: none;}
    .pro_tit{ position: inherit; width: 100%; height: 30px; line-height: 30px; font-size: 16px;}
    .block_r{ left:0; width: 100%;}
    .pro_list{ margin:0 -5px;}
    .pro_list li{ width: 50%; padding: 5px;}
    .end_list li{ border-bottom: 1px solid #dcdcdc;}
    .technical_img, .technical_info,.order_img, .order_info,.technical_list li.technical_even .technical_img{ width: 100%; float: none; padding: 0;}
    .technical_img{ margin-bottom:0.20rem;}
    .technical_img img{ max-width: 80%;}
    .order_info{ margin-top: 20px;}
    /*plan*/
    .step_img{ width: 60%; padding:0; float: none; margin: 0 auto;}
    /*industry*/
    .industry_list{ margin-left:-5px; margin-right:-5px;}
    .industry_list li{ padding-left: 5px; padding-right: 5px;}
    .industry_tab .item a{ line-height: 38px; height: 38px;}
    .problem_list{ margin-left: -10px; margin-right: -10px;}
    .problem_list li{ width: 100%; padding-left: 10px; padding-right: 10px;}
    .problem_info{ height: auto;}
    .info_block{ padding-left: 20px; padding-right: 20px;}
    /*about*/
    .profiles_img{ width: 100%; float: none; padding: 0; margin-bottom: 20px;}
    .business_list li{}
    .business_des{ display: none;}
    .team_box{ height: auto;}
    .team_box .container{ padding: 0;}
    .team_item1, .team_item2, .team_item3{ position: relative; top:auto; left: auto; bottom: auto; right: auto; width: 100%; height: auto; padding:15px;}
    /*partner*/
    .policy{ display: none;}
    .advantages_img{ width: 100%; float: none;}
    .idea{ padding:0.5rem 0;}
    .idea_info, .idea_img,.img_box{ width: 100%; padding: 0;}
    .idea_img{ display: none;}
    /*process-box*/
    .process-box{ display: none;}
    /*news*/
    .news_more{ display: none;}
    .news_date{ width: 70px; height: 100px;}
    .news_date b{ line-height: 65px; font-size: 32px;}
    .news_date em{ line-height: 35px;}
    /*page*/
    .page a{ font-size: 14px; margin: 0 5px;}
    /*article*/
    .article_shared{ display: none;}
    /*contact*/
    .message{ max-width: 425px; margin-left: auto; margin-right: auto; padding: 20px 20px 20px 0}
    .message .message_line{ width: 100%; float: none;}
    #map,#ToolTip,#contact_item1{ display: none; height: 0; overflow: hidden;}
    .message_line label{ width: 100px; margin-right: 10px;}
    .message_btn{ width: 105px; font-size: 14px;}
    .message_txt{ font-size: 12px;}
    .t_data{ display: none;}
    /*demo*/
    .demo_box{ width: 80%; margin-left: -40%;}
    /*join*/
    .career img{ width: auto; float: none;}
    .society_box{ height: auto; padding: 0.4rem 0;}
    .society_list{ position: inherit; height: auto; margin: -0.15rem;}
    .society_list li.post_01,.society_list li.post_02,.society_list li.post_03,.society_list li.post_04,.society_list li.post_05,.society_list li.post_06,.society_list li.post_07,.society_list li.post_08,.society_list li.post_09{ width: 50%; margin: 0; padding: 0.15rem;}
    .society_list li img{ width: 1.1rem; height: 2.2rem; float: left; margin-right: 10px;}
    .society_info,.society_list li.post_02 .society_info,.society_list li.post_05 .society_info{ overflow: hidden; position: inherit; margin: 0; padding:0; filter: Alpha(Opacity=100); opacity:1; width: auto; height: auto; background: none; color: #8cc32e; text-align: left;}
    .society_more{ display: inline-block; padding-bottom: 0; padding-right: 14px; background: url("../images/join_07b.png") right center no-repeat;}
    .post_load,.post_weixin{ display: none;}
    .join_tab li{ font-size:18px;}
    .post_name{ font-size: 20px;}
    .school_links{ float: none; margin: 0; width:auto; overflow: hidden;}
    .school_links li{ float: left;}
    .post_btn { text-align: left; padding: 0.15rem 0.30rem; font-size: 14px; width: auto; line-height: normal;  }

    .l_p_nav li{ width:auto; line-height:normal; font-size: 14px;}
    .l_p_nav li a{ padding: 0.15rem 0.30rem;}

    .partner_tit{ font-size: 24px;}
    .pro_caption,.order_tit,.industry_tit,.about_tit,.profiles_item,.partner_item{ font-size: 20px;}
    table.table_order thead th,.related_tit,.business_item,.team_caption,.strategy_item,.news_tit{ font-size: 16px;}
    .apply_name,.industry_guide,.industry_caption{ font-size: 14px;}

    .mapTipText{height: 100px;width: 150px;}

}

@media (max-width: 480px) {
    /*industry*/
    .industry_list li{ width: 50%;}
    .lead_list li{ width: 50%;}
    .lead_list li a{ max-width:none;}
}

@media (max-width: 374px) {
    .hardware .step_tab li{ width: auto;}
    .hardware .step_tab li a{ padding: 0 0.03rem;}

}

.dis{ display: none;}
/**   缓动效果     beigin   **/
*:before,*:after,.clearfix:before{ display: block;}
a,*::before,*::after,
#bullets li,.M1list_pos,.M1list_poscen,.M1list_posbtm,.nav,header,
.cooper_list li,.cooper_tab li,.lead_ico img,
.business_info,.business_des,.business_img,.pro_more em,
.problem_ico,.problem_ico img,.info_block,.data_load em,.nav_wrap,table.table_order tbody tr td,
.l_p_nav li a em,.strategy_ico img,.process-box ul li .text2,.news_tab li a em,.news_date em,.result_list li a p,.history_area,#topList div,.message_txt,.message_btn,
.society_info,.code_closed,.roundabout-moveable-item img,.pro_caption,.honor_hide{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.industry_tab .item a,.industry_tab .item a span{
    transition:All 0.2s ease-in-out;
    -webkit-transition:All 0.2s ease-in-out;
    -moz-transition:All 0.2s ease-in-out;
    -o-transition:All 0.2s ease-in-out;
}

.M1list_postop::after,#M1list .item:hover .M1list_postop::before{transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);}
#M1list .item:hover .M1list_postop::after{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);}
.meun:hover::before,.close:hover::before{transform:rotate(45deg); -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.M1list_poscen{transform:translate(-100%,0);-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0); -o-transform:translate(-100%,0);-ms-transform:translate(-100%,0);opacity: 0;}
.M1list_posbtm{transform:translate(100%,0);-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0); -o-transform:translate(100%,0);-ms-transform:translate(100%,0);opacity: 0;}
#M1list .item:hover .M1list_poscen,.M1list .item:hover .M1list_posbtm{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0); -o-transform:translate(0,0);-ms-transform:translate(0,0);opacity: 1;}
#M1list .item:hover .M1list_postoph1::after,#M1list .item:hover .M1list_postoph1::before{transform:rotate(180deg); -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}

/*图片由小变大*/
.business_img{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}
.business_list li:hover a .business_img{
    -webkit-transform: scale(1.08, 1.08);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.08, 1.08);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.08, 1.08);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}

/*图片由大变小*/
.condition_img img{
    -webkit-transform: scale(1.08, 1.08);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1.08, 1.08);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1.08, 1.08);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}
#condition_scr .item:hover .condition_img img{
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration:400ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration:400ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration:400ms;
}

.step_area table td{
    border: 1px solid #ccc;
}

.article table td{
    border: 1px solid #ccc;
}
.alignright{
	float:right;
}
.alignleft{
	float:left;
}